/*
	你的代码写在这里
	style.css是style.less生成的，不要直接改动style.css的内容，不然会被style.less覆盖
*/
@import url(pscroll.css);
.f68{ font-size:68px;}
.f62{ font-size:62px;}
.f52{ font-size:52px;}
.f48{ font-size:48px;}
.f44{ font-size:44px;}
.f42{ font-size:42px;}
.f36{ font-size:36px;}
.f32{ font-size:32px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f20{ font-size:20px;}
.divhidden{ display:none;}
.c_l{ clear:both;}
/*地图*/
.i_map{ overflow:hidden; background:url(../images/i_bg5.png) center top no-repeat; background-size:cover; padding-top:55px;}
.i_map.bgs1{ background-image:url(../images/contact_bg1.png);}
.i_map .i_t .h3{ color:#fff;}
.i_map .i_t .p{ color:#fff;}
.i_map .boxs{ width:828px; height:683px; margin:0 auto; margin-top:-146px; background:url(../images/i_pic6.png) no-repeat; background-size:100% 100%; position:relative;}
.i_map .boxs2{ overflow:hidden; display:none;margin:0 auto; margin-top:-126px;}
.i_map .boxs2 img{ display:block; margin:0 auto; width:100%;}
.i_map .boxs ul li{ position:absolute; width:76px; height:76px;}
.i_map .boxs ul li .i{ cursor:pointer; display:block; position:absolute; top:0; left:0; width:76px; height:76px; border-radius:50%; background:rgba(0,140,214,0.3);-webkit-animation: warn 3s ease-out;
 -moz-animation: warn 3s ease-out;animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;opacity:0;}
.i_map .boxs ul li.bgs1{ top:403px; left:199px;}
.i_map .boxs ul li.bgs1 .i{animation-delay:1s;}
.i_map .boxs ul li.bgs2{ top:300px; left:323px;}
.i_map .boxs ul li.bgs2 .i{animation-delay:0.5s;}
.i_map .boxs ul li.bgs3{ top:310px; left:370px;}
.i_map .boxs ul li.bgs3 .i{animation-delay:0.2s;}
.i_map .boxs ul li.bgs4{ top:337px; left:460px;}
.i_map .boxs ul li.bgs4 .i{animation-delay:0.2s;}
.i_map .boxs ul li.bgs5{ top:246px; left:527px;}
.i_map .boxs ul li.bgs5 .i{animation-delay:1.5s;}
.i_map .boxs ul li.bgs6{ top:267px; left:534px;}
.i_map .boxs ul li.bgs6 .i{animation-delay:1.5s;}
.i_map .boxs ul li.bgs7{ top:155px; left:655px;}
.i_map .boxs ul li.bgs7 .i{animation-delay:0.4s;}
.i_map .boxs ul li.bgs8{ top:290px; left:590px;}
.i_map .boxs ul li.bgs8 .i{animation-delay:0.4s;}
.i_map .boxs ul li.bgs9{ top:325px; left:568px;}
.i_map .boxs ul li.bgs9 .i{animation-delay:0.2s;}
.i_map .boxs ul li.bgs10{ top:328px; left:484px;}
.i_map .boxs ul li.bgs10 .i{animation-delay:1.7s;}
.i_map .boxs ul li.bgs11{ top:376px; left:650px;}
.i_map .boxs ul li.bgs11 .i{animation-delay:1s;}
.i_map .boxs ul li.bgs12{ top:393px; left:626px;}
.i_map .boxs ul li.bgs12 .i{animation-delay:0.5s;}
.i_map .boxs ul li.bgs13{ top:384px; left:580px;}
.i_map .boxs ul li.bgs13 .i{animation-delay:1.5s;}
.i_map .boxs ul li.bgs14{ top:397px; left:549px;}
.i_map .boxs ul li.bgs14 .i{animation-delay:1.5s;}
.i_map .boxs ul li.bgs15{ top:403px; left:542px;}
.i_map .boxs ul li.bgs15 .i{animation-delay:1.5s;}
.i_map .boxs ul li.bgs16{ top:450px; left:517px;}
.i_map .boxs ul li.bgs16 .i{animation-delay:1s;}
.i_map .boxs ul li.bgs17{ top:409px; left:459px;}
.i_map .boxs ul li.bgs17 .i{animation-delay:1s;}
.i_map .boxs ul li.bgs18{ top:396px; left:428px;}
.i_map .boxs ul li.bgs18 .i{animation-delay:0.5s;}
.i_map .boxs ul li.bgs19{ top:479px; left:430px;}
.i_map .boxs ul li.bgs19 .i{animation-delay:0.5s;}
.i_map .boxs ul li.bgs20{ top:376px; left:650px;}
.i_map .boxs ul li.bgs20 .i{animation-delay:1s;}
.i_map .boxs ul li.bgs21{ top:476px; left:640px;}
.i_map .boxs ul li.bgs21 .i{animation-delay:1s;}
.i_map .boxs ul li.bgs22{ top:528px; left:569px;}
.i_map .boxs ul li.bgs22 .i{animation-delay:0.4s;}
.i_map .boxs ul li.bgs23{ top:528px; left:485px;}
.i_map .boxs ul li.bgs23 .i{animation-delay:1.7s;}
.i_map .boxs ul li.bgs24{ top:617px; left:509px;}
.i_map .boxs ul li.bgs24 .i{animation-delay:2s;}
.i_map .boxs ul li .divs{ position:relative; width:76px; height:76px; cursor:pointer; color:#fff; display:none;}
.i_map .boxs ul li:hover .divs{ display:block;}
.i_map .boxs ul li .divs:hover{ z-index:1;}
.i_map .boxs ul li .cons{ width:344px; height:151px; overflow:hidden; background:url(../images/i_bg6.png) no-repeat; background-size:100% 100%; margin-left:-270px; margin-top:-100px;}
.i_map .boxs ul li .cons .con{ padding-left:24px; padding-right:24px; overflow:hidden; padding-top:11px;}
.i_map .boxs ul li .cons .con .h3{ height:40px; line-height:40px; border-bottom:1px solid #1f9adb; overflow:hidden; font-size:16px; color:#fff;}
.i_map .boxs ul li .cons .con .p{ line-height:22px; margin-top:9px; overflow:hidden; font-size:14px;}
.i_map .boxs ul li .cons .con .p a{ color:#fff;}
.i_map .cont{ border-top:1px solid #66bae6;/*border-bottom:1px solid #66bae6; margin-top:50px; */padding-left:40px; padding-top:28px; padding-bottom:28px; color:#fff; /*margin-bottom:70px; */font-size:15px;line-height:34px; }
.i_map .cont:last-child{ border-top:1px solid #66bae6;border-bottom:1px solid #66bae6; /*margin-top:50px; padding-left:40px;*/ padding-top:28px; padding-bottom:28px; color:#fff; margin-bottom:70px; font-size:15px;line-height:34px; }
.i_map .cont .label{ float:left; overflow:hidden; font-size:22px;min-width:330px;}
.i_map .cont .pp{ float:left; width:520px;margin-left:50px;}
.i_map .cont .pp a{ color:#fff;}
.i_map .cont ul li{ display:block; padding-left:25px;  background-repeat:no-repeat; background-size:auto 17px; background-position:left 9px;}
.i_map .cont ul li.bgs1{ background-image:url(../images/i_pic8.png);}
.i_map .cont ul li.bgs2{ background-image:url(../images/i_pic9.png);}
.i_map .cont ul li span{ font-size:16px;}
.i_map .cont .a{ float:right; width:172px; margin-top:7px; height:50px; line-height:50px; background:url(../images/i_pic10.png) 38px center no-repeat; background-size:24px 23px; background-color:#343434; color:#fff; text-indent:72px; border-radius:6px;transition:all 0.3s;}
.i_map .cont .a:hover{ background-color:#7ac3ea;}
@media screen and (max-width: 1400px) {
.f68{ font-size:58px;}
.f62{ font-size:60px;}
.f52{ font-size:50px;}
.f48{ font-size:46px;}
.f44{ font-size:42px;}
.f42{ font-size:40px;}
.f36{ font-size:34px;}
.f32{ font-size:30px;}
.f28{ font-size:26px;}
.f26{ font-size:24px;}
.f24{ font-size:22px;}
.f20{ font-size:18px;}


}
@media only screen and (max-width: 1200px) {
.f68{ font-size:54px;}
.f62{ font-size:52px;}
.f52{ font-size:46px;}
.f48{ font-size:42px;}
.f44{ font-size:40px;}
.f42{ font-size:36px;}
.f36{ font-size:30px;}
.f32{ font-size:26px;}
.f28{ font-size:23px;}
.f26{ font-size:22px;}
.f24{ font-size:20px;}
.f20{ font-size:17px;}
}
@media only screen and (max-width: 960px) {
.f68{ font-size:49px;}
.f62{ font-size:44px;}
.f52{ font-size:42px;}
.f48{ font-size:38px;}
.f44{ font-size:34px;}
.f42{ font-size:30px;}
.f36{ font-size:25px;}
.f32{ font-size:22px;}
.f28{ font-size:21px;}
.f26{ font-size:20px;}
.f24{ font-size:19px;}
.f20{ font-size:16px;}
/*地图*/
.i_map{ padding-top:80px;}
.i_map .boxs2{ display:block; margin-top:-120px;}
.i_map .boxs{ display:none;}
.i_map .cont{ padding-left:0;}
.i_map .cont .pp{ margin-left:20px; width:480px;}
.i_map .cont .label{ font-size:20px;}
.i_map .cont .a{ width:150px; text-indent:62px; background-position:28px center;}

}
@media only screen and (max-width: 830px) {
/*地图*/
.i_map .cont .label{ float:none; display:block;}
.i_map .cont .pp{ width:100%; float:none; margin-left:0; margin-top:2%;}
.i_map .cont .a{ float:left; margin-top:3%;}
}
@media only screen and (max-width: 780px) {
.f68{ font-size:44px;}
.f62{ font-size:42px;}
.f52{ font-size:40px;}
.f48{ font-size:34px;}
.f44{ font-size:30px;}
.f42{ font-size:28px;}
.f36{ font-size:23px;}
.f32{ font-size:21px;}
.f28{ font-size:20px;}
.f26{ font-size:19px;}
.f24{ font-size:18px;}
.f20{ font-size:15px;}

}

@media only screen and (max-width: 640px) {
.f68{ font-size:40px;}
.f62{ font-size:38px;}
.f52{ font-size:36px;}
.f48{ font-size:30px;}
.f44{ font-size:26px;}
.f42{ font-size:24px;}
.f36{ font-size:21px;}
.f32{ font-size:19px;}
.f28{ font-size:18px;}
.f26{ font-size:17px;}
.f24{ font-size:16px;}
.f20{ font-size:14px;}
/*地图*/
.i_map{ padding-top:50px;}
.i_map .boxs2{ margin-top:-100px;}
}

@media only screen and (max-width: 500px) {
.f68{ font-size:36px;}
.f62{ font-size:34px;}
.f52{ font-size:30px;}
.f48{ font-size:26px;}
.f44{ font-size:22px;}
.f42{ font-size:20px;}
.f36{ font-size:19px;}
.f32{ font-size:19px;}
.f28{ font-size:17px;}
.f26{ font-size:16px;}
.f24{ font-size:15px;}
/*地图*/
.i_map{ padding-top:30px;}
.i_map .boxs2{ margin-top:-70px;}
.i_map .cont{ margin-top:30px; margin-bottom:40px; font-size:14px; line-height:26px;}
.i_map .cont .label{ font-size:18px;}
.i_map .cont ul li span{ font-size:15px;}
.i_map .cont .a{ height:44px; line-height:44px;}
}

@media only screen and (max-width: 360px) {
.f68{ font-size:32px;}
.f62{ font-size:30px;}
.f52{ font-size:26px;}
.f48{ font-size:22px;}
.f44{ font-size:20px;}
.f42{ font-size:18px;}
.f36{ font-size:18px;}
.f32{ font-size:17px;}
.f28{ font-size:16px;}
.f26{ font-size:15px;}

}

@keyframes warn {
 0% {
  transform: scale(0);
  opacity: 0.0;
 }
 25% {
  transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  transform: scale(1);
  opacity: 0;
 }
}
@-webkit-keyframes "warn" {
 0% {
  -webkit-transform: scale(0);
  opacity: 0.0;
 }
 25% {
  -webkit-transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  -webkit-transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  -webkit-transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  -webkit-transform: scale(1);
  opacity: 0;
 }
}